<template>
  <div class="formShowType1-container">
    <div class="form-item">
      <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px', borderColor: '#e0e0e0' }">
        <div class="top">
          <span class="edit" @click="handleClick">
            <i class="iconfont icon-edit"></i>
          </span>
        </div>
        <div class="bottom clearfix">
          <span>待发布</span>
          <div class="operate-set">
            <i class="iconfont icon-set"></i>
            <div class="operate-div">
              <operate-items
                @deleteItem="deleteItem"
                @removeItem="removeItem"
                @cloneItem="cloneItem"
                @renameItem="renameItem">
              </operate-items>
            </div>
          </div>
        </div>
      </el-card>
      <p class="form-name"><span class="tags">[草稿]</span>员工测评考核量表</p>
    </div>
  </div>
</template>

<script>
import OperateItems from './operateItems'
export default {
  props: {
    list: {
      type: Array,
      default: () => []
    }
  },
  components: {
    OperateItems
  },
  methods: {
    renameItem () {
      console.log('重命名')
    },
    cloneItem () {
      console.log('克隆')
    },
    removeItem () {
      console.log('移动')
    },
    deleteItem () {
      console.log('删除')
    },
    handleClick () { // 跳转编辑页面
      this.$router.push('/edit')
    }
  }
}
</script>

<style lang="less" scoped>
@import url('../../assets/less/folders/formShowType1.less');
</style>
